<template>
    <div class="order-report-wrapper">
        <div style="background: #fff">
            <el-tabs v-model="activeName">
                <el-tab-pane label="终端设备报表" name="1">
                    <report-device :underLine="underLine"></report-device>
                </el-tab-pane>
                <el-tab-pane label="锋云服务器报表" name="2">
                    <report-fy :underLine="underLine"></report-fy>
                </el-tab-pane>
                <el-tab-pane label="软件库存报表" name="3">
                    <report-store :underLine="underLine"></report-store>
                </el-tab-pane>
                <el-tab-pane label="商家授权汇总统计" name="4">
                    <report-point :underLine="underLine"></report-point>
                </el-tab-pane>
              <!--   <el-tab-pane label="增值服务订单查询" name="5">
                    <report-service-list :underLine="underLine"></report-service-list>
                </el-tab-pane> -->
            </el-tabs>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
import reportDevice from './page_7_reports/page_7_1_report_device'
import reportFy from './page_7_reports/page_7_2_report_fy'
import reportStore from './page_7_reports/page_7_3_report_store'
import reportPoint from './page_7_reports/page_7_4_report_point'
// import reportServiceList from './page_7_reports/page_7_5_report_serviceList.vue'
export default {
    data: function () {
        return {
            activeName: '1'
        }
    },
    mounted () { },
    created () { },
    watch: {},
    components: {
        reportDevice,
        reportFy,
        reportStore,
        reportPoint
        // reportServiceList
    },
    props: {
        underLine: null
    },
    computed: {},
    methods: {
        // 换页方法
        handleCurrentChange (val) {
            this.position = val
        }
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.el-tabs__nav-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e4e7ed;
    z-index: 1;
}
.el-tabs__nav-scroll
    padding 0 22px


.order-report-wrapper
    width: 100%

    .order-report-wrapper-title
        width 100%
        height 40px
        font-size 14px
        line-height 30px
        padding-left 22px
</style>
